@charset "utf-8";

*{ margin:0; padding:0;}
body{ width:100%; margin:0 auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:#f9f9f9;}
ul li{ list-style-type:none;}
a{ text-decoration:none; border:0px;}
a:link,a:visited{ text-decoration:none;}
a:hover{ text-decoration:none; }
img{ border:0;}
ol, ul {
  list-style: none;
}

/*----------------------首页样式----------------------------*/
#container{ width:100%; background:#f9f9f9; float:left;}
.header{ width:1000px; height:100px; margin:0 auto;}
.logo{ width:150px; float:left;}
.logo_text{ padding-top:35px; float:left;}
.top_phone{ float:right;}
.menu{ width:100%; height:50px; background:#266dbb; float:left;}
.menu_list{ width:1000px; margin:0 auto;}
/* nav
---------------------------------------------------------------------*/
#nav ul {
    display: none;
}
#nav li:hover > ul {
    display: block;
}
#nav {
    list-style: none;
    position:relative;
  z-index:50;
    display: inline-table;
}
#nav li {
   width:120px; 
   height:50px; 
   text-align:center; 
   line-height:50px; 
   float: left;
}
#nav li:hover {
   background: #98a8b9;
   background: linear-gradient(top, #98a8b9 0%, #98a8b9 40%);
   background: -moz-linear-gradient(top, #98a8b9 0%, #98a8b9 40%);
   background: -webkit-linear-gradient(top, #98a8b9 0%,#98a8b9 40%);
}
#nav li:hover a {
    color:#fff; 
}
         
#nav li a {
    display: block;
  width:120px;
  text-align:center;
    color: #fff; 
  font-family:微软雅黑; 
     font-size:15px;
  text-decoration: none;
}
       
#nav ul {
    background: #acb8c3; 
  border-radius: 0px; 
  padding: 0;
    position: absolute; opacity: 0.8;
  top: 100%;
}
#nav ul li {
    float: none; 
  line-height:30px;
    border-top: 1px solid #b9c0c9;
    border-bottom: 1px solid #a4adb9; 
  position: relative;
}
#nav ul li a {
    padding: 10px 0;
  width:120px;
  font-size:13px;
  text-align:center;
    color: #fff;
}   
#nav ul li a:hover {
    background: #266dbb;
}
         
#nav ul ul {
    position: absolute; 
  left: 100%; 
  top:0;
}


/* banner */
.banner-wrapper {
  display:inline-block;
  width:100%;
  clear:both;
}
.banner-wrapper .banner-block {
  max-width:1440px;
  margin:0px auto;
}
.banner-wrapper .banner-block .flexslider {
  float:left;
  position: relative;
  width:100%;
  text-indent:-9999px;
}
.banner-wrapper .banner-block .slides img {
  display:block;
}
.flex-direction-nav {
  float:left;
  left:10px;
  bottom:60px;
  position: absolute;
}
 .flex-direction-nav li {
  float:left;
}
.flex-direction-nav li a {
  float:left;
  width:29px;
  height:28px;
  text-indent:-9999px;
}
.flex-direction-nav li a.flex-prev {
  background:#3a3a3a url("../images/banner_left_btn.png") no-repeat center center;
}
.flex-direction-nav li a.flex-next {
  background:#3a3a3a url("../images/banner_right_btn.png") no-repeat center center;
}
.flex-direction-nav li:hover a.flex-prev, .flex-direction-nav li:hover a.flex-next {
  background-color:#000000;
}

/*  Content Block  */
.content{
  width:100%;
  float:left;
}
.service, .news{
  width:100%;
  padding:15px 0;
  float:left;
}
.news{
  background:#f2f2f2;
}
.service-block, .new-block, .product_block{
  width:1000px;
  margin:0 auto;
}
.service-block h1, .new-block h1, .product_block h1 {
  font-family:微软雅黑;
  font-size:36px;
  font-weight: normal;
  line-height:32px;
  padding:25px 0px;
  color:#266dbb;
  text-align:center;
}
.service-block h1 b, .new-block h1 b{ color:#5b5b5b;}

.service .service-grid, .news .new-grid {
  float:left;
  width:100%;  
}

.service .service-block .service-grid li {
  float:left;
  width:480px;
  border:1px solid #DAD8D8;
  position:relative;
  margin:0 8px;
}
.news .new-block .new-grid li {
  float:left;
  width:320px;
  position:relative;  
}
.new-img
{
  width:320px;
  height:170px;
}

.pro-img {
  display:block;
  text-align:center;
}
.service-grid .pro-img img, .new-grid li .pro-img img {
  margin:20px 0px;
  width:436px;
  height:256px;
  display:inline-block;
}
.new-grid li .pro-img img{
  width:320px;
  height:170px;
}
.pro-hover-block {
  float:left;
  width:436px;
  height:256px;
  position:absolute;
  top:20px;
  left:22px;
}
.pro-hover-block h4 {
  font-size:32px;
  font-family:微软雅黑;
  color:#fff;
  font-weight:normal;
  float:left;
  width:100%;
  position:absolute;
  top:110px;
  text-align:center;
}
.pro-hover-block:hover{
  background:#000;
  opacity: 0.6;
}

.new-grid li{ width:320px; margin:0 6px; background:#fff; font-family:微软雅黑; float:left;}
.new_top{ padding:10px; } 
.new_top p{ line-height:24px; font-size:15px;}
.new_top p span{ font-size:12px;}
.new-grid li .new-content{padding:10px;}
.new-grid li .new-content p{ line-height:28px; font-size:12px;}
.new-grid li .new-content .new-price{text-decoration:underline;}
.new-grid li .new-content .new-price a{ line-height:36px; color:#666;}
.new-grid li .new-content .new-price a:hover{ color:#900;}
.new_more{ width:100%; padding:10px 0; float:left;}
.new_more p{ text-align:center; font-size:16px;}
.new_more p a{ color:#333;}
.new_more p a:hover{ color:#00F; text-decoration:underline;}

/*  Footer Block  */
.footer{
  float:left;
  width:100%;
  clear:both;
  background:#4f4f4f;
  padding:20px 0px;
}
.footer .link-block {
  width:1000px;
  margin:0px auto;
  color:#7A7A7A;
}
.footer .link-block a {
  color:#7A7A7A;
}
.link-block ul {
  float:left;
  width:380px;
  margin-right:45px;
}
.link-block ul li {
  float:left;
  width:100%;
  line-height:24px;
  font-family:微软雅黑;
  font-size:14px;
  color:#cccccc;
}
.link-block ul li.aboutus-block {
  line-height:24px;
}
.link-block ul li.link-title {
  font-size:14px;
  padding-bottom:15px;

}
.link-block ul li.link-title a{
  border-bottom:3px solid #76c6f1;
  color:#fff;
  padding-bottom:5px;
}
.footer-bottom-block {
  margin:20px auto;
  width:1000px;
  border-top:1px solid #afafaf;
  color:#afafaf;
  font-family:微软雅黑;
}
.footer-bottom-block p{
  text-align:center;
  line-height:24px;
}
.footer-bottom-block p a{
  color:#afafaf;
}



.in_banner{ width:1000px; margin:0 auto;}
.left_list{ width:250px; padding:20px 0; float:left;}
.list{ margin-bottom:20px; background:#eee;}
.left_list h2{ line-height:45px; font-family:微软雅黑; font-weight:100; font-size:18px; text-align:center; color:#fff; background:#266dbb;}
.list ul li{ border-bottom:1px solid #f6f6f6;}
.list ul li.col a{ background:#266dbb; color:#fff;}
.list ul li a{ display:block; padding-left:15px; width:235px; font-family:微软雅黑; font-size:14px; color:#333; line-height:36px;}
.list ul li a:hover{ background:#266dbb; color:#fff;}
.contact dl{ margin:7px;padding-bottom:10px;}
.contact dl dt{ width:250px; padding-bottom:10px; float:left;}
.contact dl dt img{ width:236px; height:138px;}
.contact dl dd{ line-height:20px; font-family:微软雅黑; font-size:12px;}
.contact{ background:#eee;}

.right_cont{ width:720px; margin:20px 0; float:right;}
.right_cont h2{ font-weight:100; line-height:33px; border:1px solid #ccc; font-family:微软雅黑; font-size:14px; padding:5px; color:#666;}
.right_cont h2 a{ color:#333;}
.right_cont h2 a:hover{ color:#900;}
.right_cont ul li{ width:720px; padding:20px 0; border-bottom:1px solid #eee; float:left;}
.right_cont ul li dl dt{ width:256px; height:160px; margin-right:25px; float:left;}
.right_cont ul li dl dt img{ width:236px; height:140px; padding:10px; border:1px solid #ccc;}
.right_cont ul li dl dd{ line-height:22px; color:#666;}
.right_cont ul li dl dd h3{ font-size:16px; line-height:26px; color:#333; font-family:微软雅黑;}



/*CSS sabrosus style pagination*/
DIV.sabrosus {
 PADDING:3px; MARGIN: 3px; TEXT-ALIGN: center
}
DIV.sabrosus span {
 BORDER-RIGHT: #9aafe5 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #9aafe5 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #9aafe5 1px solid; COLOR: #2e6ab1; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #9aafe5 1px solid; TEXT-DECORATION: none
}
DIV.sabrosus span:hover {
 BORDER-RIGHT: #2b66a5 1px solid; BORDER-TOP: #2b66a5 1px solid; BORDER-LEFT: #2b66a5 1px solid; COLOR: #000; BORDER-BOTTOM: #2b66a5 1px solid; BACKGROUND-COLOR: lightyellow
}
DIV.pagination span:active {
 BORDER-RIGHT: #2b66a5 1px solid; BORDER-TOP: #2b66a5 1px solid; BORDER-LEFT: #2b66a5 1px solid; COLOR: #000; BORDER-BOTTOM: #2b66a5 1px solid; BACKGROUND-COLOR: lightyellow
}
DIV.sabrosus SPAN.current {
 BORDER-RIGHT: navy 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: navy 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: navy 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: navy 1px solid; BACKGROUND-COLOR: #2e6ab1
}
DIV.sabrosus SPAN.disabled {
 BORDER-RIGHT: #929292 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #929292 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #929292 1px solid; COLOR: #929292; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #929292 1px solid
}


.new-block h2, .product_block h2{ 
    font-family:微软雅黑;
  color:#266dbb;
  text-align:center;
    padding:10px 0; 
    font-size:28px;
    font-weight:100; 
    background:url(../images/pro_h1.png) no-repeat; 
}
.new-block h2 b, .product_block h2 b{ color:#666;}

#scroll, .pro_show, .honor_show{ width:1000px; height:200px; padding:15px 0; float:left;}
#box{ width:1000px; height:200px; display:block; overflow:hidden; float:left;}
#box ul li{ width:230px; text-align:center; padding:0 10px; float:left;}
#box ul li a{ display:block; width:230px; line-height:30px; color:#666; float:left;}
#box ul li a:hover{ color:#f60; text-decoration:none;}
#box ul li a img{ width:230px; height:170px; border:1px solid #eee; background:#fff;}
#box ul li span{ font-family:微软雅黑; text-align:center; font-size:16px; line-height:32px;}

.honor_show{ height:230px;}
.honor_show #box{ height:230px;}
.honor_show #box ul li a img{ height:230px;}

.new-content h3{ font-size:15px; }
.new-content p{ color:#666;}
.new-grid{ margin:15px 0;}

.ser_ztc{ background:#f2f2f2; padding-bottom:20px;}
.ztc_block, .bottom_block{ width:1000px; margin:20px auto;}
.ztc_block p{ width:940px; margin:0 10px; padding:10px; font-family:微软雅黑; line-height:36px; background:#fff; border:1px solid #ccc; float:left;}
.ztc_block p b{  color:#266dbb; font-size:16px; float:left;}
.ztc_block p a{
  display:block;
  width:90px;
  height:36px;
  color:#fff;
  font-size:15px;
  text-align:center;
  margin:0 8px;
  background:#266dbb;
  float:left;
  border-top-right-radius:5px;
  border-top-left-radius:5px;
  border-bottom-right-radius:5px;
  border-bottom-left-radius:5px;
  -moz-border-radius-topleft:5px;
  -webkit-border-top-left-radius:5px;
  -moz-border-radius-topright:5px;
  -webkit-border-top-right-radius:5px;
}
.ztc_block p a:hover{ background:#666;}
.bottom_block p{ text-align:center; font-family:微软雅黑; font-size:14px;}
.bottom_block p a{
  padding:0 15px;
  color:#666;
}
.bottom_block p a:hover{ color:#00F;}
.cont_text{ width:100%; padding:20px 0; font-family:微软雅黑; float:left;}
.cont_text dl{ width:600px; margin:0 auto;}
.cont_text dl dt img{ width:560px; height:320px; border:1px solid #ccc; padding:20px;}
.cont_text dl dd{ text-align:center; font-size:16px; padding:15px 0; color:#666;}


.artTit {
  color:#003399;
  font-size:26px;
  font-family:"微软雅黑";
  text-align:center;
}
.cont_text .artInfo {
  text-align:center;
  font-size:12px;
  color:#999;
  margin-top:12px;
  margin-bottom:20px;
}

.page {
  width:934px;
  margin:0px auto;
  text-align:center;
}
.page a {
  width:50px;
  height:16px;
  line-height:16px;
  text-align:center;
  overflow:hidden;
  color:#666;
}
.page span {
  display:inline;
  margin-left:6px;
  margin-left:6px;
}
.page span a {
  width:16px;
  height:16px;
  border:1px solid #ccc;
  color:#666;
}
.page .current {
  width:16px;
  height:16px;
  border:1px solid #ccc;
  color:#6ab22c;
  margin:0px;
}